<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘宝</title>
    <link rel="shortcut icon" type="image/x-icon"  color="" href="images/taobao.png" >
    <link rel="stylesheet" href="6.css" type="text/css">

</head>
<body>
<!--header开始-->
<div class="header">
    <div class="header_cen ">
        <div class="hl fl">
            <span class="og">亲,请登录</span>
            <a href="#"><span>免费注册</span></a>
            <a href="#"><span >手机逛淘宝</span></a>
        </div>
        <div class="hr fr">
            <a href=""><span>淘宝网首页</span></a>
            <a href=""><span>我的淘宝</span></a>
            <a href=""><span>购物车</span></a>
            <a href=""><span>收藏夹</span></a>
            <a href=""><span>商品分类</span></a>
            <a href=""><span>卖家中心</span></a>
            <a href=""><span>联系客服</span></a>
            <a href=""><span>网站导航</span></a>
        </div>
    </div>
    <!--header结束-->
</div>
<!--header结束-->
<!--nav开始-->
<div class="nav">
    <div class="nav_cen">
        <img src="images/tb.png" alt="">
        <div class="search">
            <input type="text" value="女装">
            <button>搜索</button>
        </div>
        <ul>
            <li><a href="#" class="og">安踏</a> </li>
            <li><a href="#" class="og">新款外套</a></li>
            <li><a href="#" class="og">iphone</a></li>
            <li><a href="#">休闲裤</a></li>
            <li><a href="#">行李箱</a></li>
            <li><a href="#">洗发水</a></li>
            <li><a href="#">男士t恤</a></li>
            <li><a href="#">项链</a></li>
            <li><a href="#">新款女装</a></li>
            <li><a href="#">双肩包</a></li>
            <li><a href="#">手机壳</a></li>
            <li><a href="#">包包</a></li>
            <li><a href="#">卫衣</a></li>
            <li><a href="#">斜跨女包</a></li>
            <li><a href="#">小米手机</a></li>
            <li><a href="#">水果</a></li>
        </ul>
    </div>

</div>
<!--nav结束-->
<!--nav2开始-->
<div class="nav2">
    <span class="sp">您是不是想找:</span>
    <a href="#"><span>女裤</span></a>
    <a href="#"><span>新款女装</span></a>
    <a href="#"><span>女t恤</span></a>
    <a href="#"><span>男士t恤</span></a>
    <a href="#"><span>女外套</span></a>
    <a href="#"><span>洗衣液</span></a>
    <a href="#"><span>床</span></a>
    <a href="#"><span>双肩包</span></a>
    <a href="#"><span>香水</span></a>
    <a href="#"><span>洗衣机</span></a>
    <a href="#"><span>女鞋</span></a>
    <a href="#"><span>休闲裤</span></a>
    <a href="#"><span>mac</span></a>
    <a href="#"><span>电动牙刷</span></a>
    <a href="#"><span>项链</span></a>
    <a href="#"><span>女手链</span></a>
    <a href="#"><span>项链女</span></a>
    <a href="#"><span>洗面奶</span></a>
    <a href="#"><span>运动鞋</span></a>
    <a href="#"><span>帆布鞋</span></a>

</div>
<!--nav2结束-->
<!--nav3开始-->
<div class="nav3">
    <div class="nav3_fl">
        价格: <input type="text" value="￥">-<input type="text" value="￥"><input type="text" value="发货地">
    </div>
    <div class="nav3_right">
        <a href="#">包邮</a>
        <a href="#">正品保障</a>
        <a href="#">7天退换</a>
        <a href="#">消费者保障</a>
    </div>
</div>
<!--nav3结束-->
<!--banner开始-->
<div class="clearfix ">
    <div class="banner ">
        <ul>
            <li><a href="#">
                <img src="images/11.png" alt="">
                <h4>￥79.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.8ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/22.png" alt="">
                <h4>￥134.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/33.png" alt="">
                <h4>￥388.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/44.png" alt="">
                <h4>￥88.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.8ⅴ">
                </div>
            </a></li>
            <li><a href="#" class="no_rb">
                <img src="images/55.png" alt="">
                <h4>￥67.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/66.png" alt="">
                <h4>￥88.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/77.png" alt="">
                <h4>￥88.00</h4><span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.7ⅴ">
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/88.png" alt="">
                <h4>￥88.00</h4><span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/99.png" alt="">
                <h4>￥88.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.6ⅴ">
                </div>
            </a></li>
            <li><a href="#" class="no_rb">
                <img src="images/100.png" alt="">
                <h4>￥67.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
            <li><a href="#">
                <img src="images/1022.png" alt="">
                <h4>￥88.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.6ⅴ">
                </div>
            </a></li>
            <li><a href="#" class="no_rb">
                <img src="images/1011.png" alt="">
                <h4>￥67.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
        </ul>
    </div>
</div>
<!--banner结束-->
<div >
    <a href="#" class="btn_top"></a>
</div>
<div class="next-btn">
    <a href="#" class="first">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a style="border:0;text-decoration: none;">...</a>
    <a href="#">100</a>
    <a href="#" style="width: 70px;">下一页</a>
    <a style="border:0; width: 100px;text-decoration: none;">共100页</a>
    <a style="width: 100px;border: 0;text-decoration: none;">去第<input type="text" value="1" >页</a>
    <a href="#">确定</a>
</div>
<div class="footer">
    <a  style="color:#ff4400;font-size:16px;">掌柜热卖</a>
    <a href="#"><span>女裤</span></a>
    <a href="#"><span>新款女装</span></a>
    <a href="#"><span>女t恤</span></a>
    <a href="#"><span>男士t恤</span></a>
    <a href="#"><span>女外套</span></a>
    <a href="#"><span>洗衣液</span></a>
    <a href="#"><span>床</span></a>
    <a href="#"><span>双肩包</span></a>
    <a href="#"><span>香水</span></a>
    <a href="#"><span>洗衣机</span></a>
    <a href="#"><span>女鞋</span></a>
    <a href="#"><span>休闲裤</span></a>
    <a href="#"><span>mac</span></a>
    <a href="#"><span>电动牙刷</span></a>
    <a href="#"><span>项链</span></a>
    <a href="#"><span>女手链</span></a>
    <a href="#"><span>项链女</span></a>
    <a href="#"><span>洗面奶</span></a>
    <a href="#"><span>运动鞋</span></a>
    <a href="#"><span>帆布鞋</span></a>

</div>
<div class="footer2 clearfix">
    <div class="banner">
        <ul>
            <li><a href="#">
                <img src="images/11.png" alt="">
                <h4>￥79.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.8ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/22.png" alt="">
                <h4>￥134.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/33.png" alt="">
                <h4>￥388.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a>
            </li>
            <li><a href="#">
                <img src="images/44.png" alt="">
                <h4>￥88.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.8ⅴ">
                </div>
            </a></li>
            <li><a href="#" class="no_rb">
                <img src="images/55.png" alt="">
                <h4>￥67.00</h4>
                <span>垂感微喇裤女裤子长裤2020春秋新款</span>
                <p>幸福良辰旗舰店</p>
                <div class="last">
                    <img src="images/tm.png" alt="" class="tm">
                    <input type="text" value="如实描述：4.9ⅴ">
                </div>
            </a></li>
        </ul>
    </div>
</div>
<div class="footer3">
    <ul>
        <li><a href="#" >阿里巴巴集团</a></li>
        <li><a href="#">淘宝网</a></li>
        <li><a href="#">天猫</a></li>
        <li><a href="#">聚划算</a></li>
        <li><a href="#">全球速卖通</a></li>
        <li><a href="#">阿里巴巴国际交易市场</a></li>
        <li><a href="#">1688</a></li>
        <li><a href="#">阿里妈妈</a></li>
        <li><a href="#">飞猪</a></li>
        <li><a href="#">淘小铺</a></li>
        <li><a href="#">阿里云计算</a></li>
        <li><a href="#">AliOS</a></li>
        <li><a href="#">阿里通信</a></li>
        <li><a href="#">一淘</a></li>
        <li><a href="#">万网</a></li>
        <li><a href="#">高德</a></li>
        <li><a href="#">UC</a></li>
        <li><a href="#">友盟</a></li>
        <li><a href="#">阿里安全虾米</a></li>
        <li><a href="#">大麦网</a></li>
        <li><a href="#">钉钉</a></li>
        <li><a href="#">支付宝</a></li>
        <li><a href="#">优酷</a></li>
        <li><a href="#">土豆</a></li>
        <li><a href="#">阿里健康</a></li>
        <li><a href="#">阿里影业</a></li>
        <li><a href="#">阿里体育</a></li>
        <li><a href="#">网商银行</a></li>
    </ul>
</div>
<div class="last">
    <ul>
        <li><a href="#">关于淘宝</a></li>
        <li><a href="#">合作伙伴</a></li>
        <li><a href="#">营销中心</a></li>
        <li><a href="#">廉正举报</a></li>
        <li><a href="#">联系客服</a></li>
        <li><a href="#">开放平台</a></li>
        <li><a href="#">诚征英才</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">网站地图</a></li>
        <li><a href="#">隐私权政策</a></li>
        <li><a href="#">法律声明</a></li>
        <li><a href="#">知识产权</a></li>
        <li><a href="#">版权所有</a></li>
        <span>© 2003-现在 Taobao.com 版权所有</span>
        <li><a href="#">增值电信业务经营许可证：浙B2-20080224</a></li>
        <li><a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a></li>
        <span>浙网文（2019）1033-086号</span>
        <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
        <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
        <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
        <span>信息网络传播视听许可证：1109364号</span>
        <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
        <span>浙公网安备 33010002000078号</span>
        <span>广播电视节目制作经营许可证（浙）字第01012号</span>
        <span>市场名称登记证：工商网市字3301004120号</span>
        <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>

    </ul>
</div>

<script src="echatimsdk-embed.js"></script>
<script>
  var config = {
    // sdkHost: 'http://localhost:80',
    sdkHost: 'http://47.115.54.220:58081',
    apiKey: '123456789', // 从服务器获取
    sdkKey: '', // 从服务器获取
    userAuid: '13600136000', // 从服务器获取
    userToken: '123456', //
    // ballText: '', //
    chatWindowStyle:{
    },
    ballStyle:{
      background: '#5262cc',
      display:'block',
      position: 'fixed'
    },
  }
  echatimsdkEmber.init(config);
</script>

</body>
</html>